// 当添加分类表单发生提交行为的时候
$('#addCategory').on('submit', function() {
    // 获取用户子在表单中输入的内容
    var formData = $(this).serialize();
    //  向服务器发送请求 添加分类
    //  console.log(formData);
    $.ajax({
        type: 'post',
        url: '/categories',
        data: formData,
        success: function() {
            location.reload();
        }
    });
    // 阻止表单默认提交行为
    return false;
});
// 发送ajax请求 向服务器端查询分类列表数据
$.ajax({
    type: 'get',
    url: '/categories',
    success: function(response) {
        var html = template('categoryListTpl', {
            data: response
        });
        //   console.log(response);
        $('#categoryBox').html(html);
    }
});
// 当点击编辑按钮的时后
$('#categoryBox').on('click', '.edit', function() {
    // 获取点击之后编辑按钮的id
    var id = $(this).attr('data-id');
    $.ajax({
        type: 'get',
        url: '/categories/' + id,
        success: function(response) {
            // console.log(response);
            var html = template('modifyCategoryTpl', response)
            $('#addCategory').html(html);
        }
    });
});
// 当修改分类数据表单发生提交行为的时候
$('#formBox').on('submit', function() {
        // 获取管理员在表单中输入的内容
        var formData = $(this).serialize();
        // 获取要修改的分类id
        var id = $(this).attr('data-id');
        console.log(id);
        //  发送请求 修改分类数据
        $.ajax({
                type: 'put',
                url: '/categories/' + id,
                data: formData,
                success: function() {
                    location.reload();
                }
            })
            //  阻止表单的默认行为
        return false;
    })
    // 当删除按钮被点击的时候
$('#categoryBox').on('click', '.delete', function() {
    if (confirm('你真的要删除这条分类吗？')) {
        // 获取到要删除分类的id
        var id = $(this).attr('data-id');
        $.ajax({
            type: 'delete',
            url: '/categories/' + id,
            success: function() {
                location.reload();
            }
        })



    }
})